<!DOCTYPE html>
<html lang="en">
<head>

    
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0">
    <title>健身房管理系统</title>

    <link rel="stylesheet" href="../static/layui/css/layui.css"/>
    <link rel="stylesheet" href="../static/css/power_firstpage.css">

   
</head>
<body>
            <!-- 一 -->
    <input type="checkbox" name="" id="menu_control">
    <div class="header">
        <h1 class="logo"><a href="index.html"><img src="../static/images/LOGO.png" alt=""></a></h1>
        <label for="menu_control" class="menu_btn" >

        </label>
        <nav>
            <a href="http://localhost:8181/views/login.html">登录已有账号</a>
            <a href="http://localhost:8181/views/login.html">没有账号？点我注册</a>
        </nav>
    </div>

            <fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">

            </fieldset>

            <div class="layui-carousel" id="test10" style="margin:auto;">
                <div carousel-item="">
                    <div><img src="../static/images/banner.jpg.jpg"></div>
                    <div> <img src="../static/images/ca.jpg"></div>
                    <div> <img src="../static/images/coast_exercise_fitness_lifestyle_ocean_person_relaxing_sea-1179715.jpg"></div>
                    <div> <img src="../static/images/Nutritionist_people.jpg"></div>
                    <div><img src="../static/images/flywheel.jpg.jpg"></div>
                </div>
            </div>



        <script src="../static/js/jquery-3.6.0.min.js"></script>

            <script src="../static/layui/layui.js"></script>

        <script>
            layui.use(['carousel', 'form'], function(){
                var carousel = layui.carousel
                    ,form = layui.form;



                //图片轮播
                carousel.render({
                    elem: '#test10'
                    ,width: '900px'
                    ,height: '440px'
                    ,interval: 5000

                });




                //其它示例
                $('.demoTest .layui-btn').on('click', function(){
                    var othis = $(this), type = othis.data('type');
                    active[type] ? active[type].call(this, othis) : '';
                });
            });
    </script>


</body>
</html>